<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>加强练习</title>
    <style>
        ul li{
            list-style: none;
            display: inline-block;
            background-color: gold;
            position: relative;
            left: -12px;
            bottom: 12px;
            margin: 0px 5px;
            height: 26px;
            font-size: 12px;
            font-family: "微软雅黑";
            padding:0px 10px;
            
        }
        ul li a{
            position: relative;
            top: 5px;
        }
        .box1{
            width: 600px;
            height: 40px;
            border: 1px solid black;
            position: relative;
        }
        .shengluehao{
            background-color: white;
        }
        .box2{
            width: 958px;
            height: 40px;
            border: 1px solid black;
            position: relative;
        }
        .box2 span{
            font-size: 14px;
            font-family: "雅黑";
            color: #333;
            margin-left: 20px;
            line-height: 40px;
            position: relative;
            left: 89px;
        }
        
    </style>
</head>
<body>
    <!--  第一题 -->
    <div class="box1">
        <ul>
            <li><a>上一页</a></li>
            <li><a>1</a></li>
            <li><a>1</a></li>
            <li><a>1</a></li>
            <li><a>4</a></li>
            <li class="shengluehao"><a class="shengluehao">...</a></li>
            <li><a>17</a></li>
            <li><a>18</a></li>
            <li><a>19</a></li>
            <li><a>20</a></li>
            <li><a>下一页</a></li>
        </ul>
    </div><br><br><br>
    <!-- 第二题  -->
    <div class="box2">
        <span>首页</span>
        <span>｜</span>
        <span>网站建设</span>
        <span>｜</span>
        <span>网站建设</span>
        <span>｜</span>
        <span>网站建设</span>
        <span>｜</span>
        <span>网站建设</span>
        <span>｜</span>
        <span>网站建设</span>
        <span>｜</span>
        <span>联系我们</span>
    </div><br><br><br>
    
</body>
</html>